<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="/WEB-INF/templates/principal.xhtml">
	<ui:define name="content-container2">
		<div id="section-navigation">						
			<h3>Op&ccedil;&otilde;es</h3>
			<p:separator id="separator2"/>
			<div id="link-menu">
				<h:outputLink  value="#{request.contextPath}/parceiro/login.jsf" >Login</h:outputLink>				
			</div>
			<div id="link-menu">
				<h:outputLink value="#{request.contextPath}/parceiro/recuperarSenha.jsf" >Recuperar senha</h:outputLink>
			</div>			
		</div>
		<div id="content">
			<ui:insert name="conteudo"/>
			<h3>Cadastro</h3>
			<p:separator id="separator"/>					
			<h:form id="formCadUsuario">	
				<p:messages id="messages" showDetail="true" autoUpdate="false" showSummary="false"/>			
				<h:panelGrid columns="3" cellpadding="5" rendered="#{consumidorManagedBean.exibirForm}">					
					<h:outputLabel value="E-mail *" for="email"/>
					<p:inputText value="#{consumidorManagedBean.consumidor.email}" id="email" size="50" 
					required="true" requiredMessage="E-mail deve ser informado" validatorMessage="E-mail está com formato incorreto ou o tamanho do campo">
						<f:validateLength for="login" minimum="5"/>
						<f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />
					</p:inputText>					
					<p:message for="email" display="icon" />													
					<h:outputLabel value="Sexo" for="sexo"/>  
			        <p:selectOneMenu value="#{consumidorManagedBean.consumidor.sexo}" id="sexo" required="true">  
			            <f:selectItem itemLabel="Masculino" itemValue="M" />
			            <f:selectItem itemLabel="Feminino" itemValue="F" />			              
			        </p:selectOneMenu>
			        <p:message for="sexo" display="icon" />		                   		
				</h:panelGrid>		
				<h:panelGrid columns="1" cellpadding="5" rendered="#{consumidorManagedBean.exibirForm}">
					<h:outputLabel value="Escolha a(s) categoria(s) * - Segure Ctrl para selecionar mais de um" for="categorias"/>
					<p:message for="categorias" display="icon" />
					<p:pickList id="categorias" value="#{consumidorManagedBean.dualListCategorias}" var="categoria"  
					itemLabel="#{categoria}" itemValue="#{categoria}" required="true" requiredMessage="Selecione pelo menos uma categoria"
					converter="categoriaConverter"/>
					<h:outputLabel value="Escolha a(s) cidade(s) * - Segure Ctrl para selecionar mais de um" for="cidades"/>
					<p:message for="cidades" display="icon" />
					<p:pickList id="cidades" value="#{consumidorManagedBean.dualListCidades}" var="cidade"
					itemLabel="#{cidade}" itemValue="#{cidade}" required="true" requiredMessage="Selecione pelo menos uma cidade"
					converter="cidadeConverter"/>									 
				</h:panelGrid>
				<h:panelGrid columns="2" cellpadding="5" rendered="#{consumidorManagedBean.exibirForm}">				
			        <h:outputLabel value="Frequ&ecirc;ncia"/>
					<p:selectOneRadio id="frequencia" value="#{consumidorManagedBean.consumidor.frequenciaEnvio}">			              
			            <f:selectItem itemLabel="Diariamente" itemValue="1"/>
			            <f:selectItem itemLabel="2 vezes por semana" itemValue="2" />	  
			            <f:selectItem itemLabel="Semanalmente" itemValue="3"/>
			            <f:selectItem itemLabel="Mensalmente" itemValue="4" />	           
			        </p:selectOneRadio>
			        <p:commandButton value="Enviar" update="formCadUsuario, messages" actionListener="#{consumidorManagedBean.salvar()}"/>                		
				</h:panelGrid>
				<br/>
				<h:outputLabel value="* Campos obrigat&oacute;rios" rendered="#{consumidorManagedBean.exibirForm}"/>			
			</h:form>
		</div>
	</ui:define>
</ui:composition>

</html>